﻿@model QuBa.UI.Web.Models.InsructionModel

@{
    ViewBag.Title = "QuBa Home Page";
    
}

@using (Html.BeginForm("Instruction", "Home", FormMethod.Post))
{
    <ul data-role="listview" data-inset="true">
        
       
        <li data-role="list-divider">Instruction Details</li>
        
        @foreach (var insructionItem in Model.InsructionItemList)
        {
            <li data-role="fieldcontain" style="list-style-type: circle">
                @insructionItem
            </li>
        }
    </ul>
        <div data-role="controlgroup" data-type="horizontal" style="text-align: center;">
         <input type="submit" value="Start test" id="btnStartTest" data-icon="arrow-r" data-theme="c"/>
         <a href="#" data-role="button" data-icon="delete" data-theme="c">Exit Test</a>
    </div>

}
<script type="text/javascript">
    $(function () {
        $('#btnStartTest').die();
        $('#btnStartTest').live('click', function () {
            $(".clockTimer").show();
        });
    });
</script>

